<?php require('permohonankursusconfig.php'); ?>
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if IE 9]>    <html class="no-js ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<?php error_reporting(E_ERROR);?>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>E-Log Latihan Bahagian Sumber Manusia</title>
    
	<link rel="icon" type="image/png" href="favicon.png">
    	<!-- This is the traditional favicon.
		 - size: 16x16 or 32x32
		 - transparency is OK
		 - see wikipedia for info on browser support: http://mky.be/favicon/-->
		 
	<link rel="apple-touch-icon" href="apple-touch-icon-precomposed.png">
	<!-- The is the icon for iOS's Web Clip.
		 - size: 57x57 for older iPhones, 72x72 for iPads, 114x114 for iPhone4's retina display (IMHO, just go ahead and use the biggest one)
		 - To prevent iOS from applying its styles to the icon name it thusly: apple-touch-icon-precomposed.png
		 - Transparency is not recommended (iOS will put a black BG behind the icon) -->
         
	<meta name="description" content="">
	<meta name="author" content="Falcon Creative Studio - Shahul Hameed">	
    <!-- Fonts -->
    <link rel="stylesheet" type="text/css" href="css/fonts.css">
    <link rel="stylesheet" type="text/css" href="css/font-awesome.css">
    
    <!-- Bootstrap -->
	<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">    
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/rekod.css">
    <link rel="stylesheet" type="text/css" href="colors-css/default.css" class="colorCssStyles">
<link rel="stylesheet" type="text/css" href="css/responsive.css">
    <!--[if IE 8]>
	  <link rel="stylesheet" type="text/css" href="css/ie8.css">
	<![endif]-->    
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
    
  <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
  <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css" />
  <script>
  $(function() {
    $( "#tarikh_mula" ).datepicker({
      defaultDate: "+1w",
      changeMonth: true,
      numberOfMonths: 3,
      onClose: function( selectedDate ) {
        $( "#tarikh_tamat" ).datepicker( "option", "minDate", selectedDate );
      }
    });
    $( "#tarikh_tamat" ).datepicker({
      defaultDate: "+1w",
      changeMonth: true,
      numberOfMonths: 3,
      onClose: function( selectedDate ) {
        $( "#tarikh_mula" ).datepicker( "option", "maxDate", selectedDate );
      }
    });
	
		$("#tarikh_mula").blur(function(){
			//alert('po');
			calculateDay();
			//alert('po');
		});
		$("#tarikh_tamat").blur(function(){
			calculateDay();
		});
		$("#bil_hari").click(function(){
			//alert('po');
			calculateDay();
		});
		function calculateDay(){
			var date1 = $("#tarikh_mula").val().split("/");
			var date2 = $("#tarikh_tamat").val().split("/");
			
			//bulan hari tahun
			var tarikh1 = new Date(date1[2].split(" ")[0], date1[0], date1[1]);
			var tarikh2 = new Date(date2[2].split(" ")[0],date2[0], date2[1]);
			//alert(tarikh1+" "+tarikh2);
			
			var diff = new Date(tarikh2 - tarikh1);
			// get days
			var days = diff/(1000*60*60*24); //1000/60/60/24;
			//alert(days);
			$("#bil_hari").val(days);
		}
	});
  </script>
  <script>!window.jQuery && document.write(unescape('%3Cscript type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"%3E%3C/script%3E'));</script>

<!-- if its not online grab 1.7.1 from jquery -->
<script>!window.jQuery && document.write(unescape('%3Cscript type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"%3E%3C/script%3E'));</script>

<!-- if its not online grab latest from google -->
<script>!window.jQuery && document.write(unescape('%3Cscript type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"%3E%3C/script%3E'));</script>

<!-- if its not online grab latest from jquery -->
<script>!window.jQuery && document.write(unescape('%3Cscript type="text/javascript" src="http://code.jquery.com/jquery.min.js"%3E%3C/script%3E'));</script>

<!-- if its not online grab 1.7.1 local -->
<script>!window.jQuery && document.write(unescape('%3Cscript type="text/javascript" src="/js/jquery-1.7.1.min.js"%3E%3C/script%3E'));</script>

<!-- if its still not online your S.O.L. -->
<script>!window.jQuery && document.write(unescape('%3Cscript type="text/javascript"%3E alert("All reasonable attempts to load jQuery have failed.\\nAt this point, you may want to call it a day as\\nyou\'ve stepped in a big \'ol pile of S.O.L."); %3C/script%3E'));</script>

<!-- uncomment below to verify jQuery loaded -->
<!--script>window.jQuery && document.write(unescape('%3Cscript type="text/javascript"%3E alert("jQuery Loaded!!"); %3C/script%3E'));</script-->

<script type="text/javascript">
     $(document).ready(function() {
          $("#permohonan_kursus").submit(function() {
               var str = $(this).serialize();
               $.ajax({
                    type: "POST",
                    url: "permohonankursusconfig.php",
                    data: str,
                    success: function(msg) {
                         $("#db_message").ajaxComplete(function(event, request, settings) {
                              $(this).replaceWith(msg); //replaces contents
                         });
                    }
               });
               return false;
          });
     });
</script>
    
    <script src="js/libs/modernizr-2.5.3.min.js"></script>
</head>
<body>
<p id="back-top"><a href="#top"><span class="icon-chevron-up"></span></a></p>
<!--[if lte IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->

<!-- Top Header -->
<!--<div class="pageTopCon">
	<div class="pageTop row-fluid">
        <div class="span6"><p><span>E: info@yoursite.com</span>&emsp;<span>T: + (009) 123 4567</span></p></div>
        <div class="span6">
            <p class="pull-right socialIcons">
            	<a href="#" class="twitter" title="Twitter">Twitter</a>
                <a href="#" class="facebook" title="Facebook">Facebook</a>
                <a href="#" class="gplus" title="Gplus">G+</a>
                <a href="#" class="linkedin" title="linkedin">Linked In</a>
                <a href="#" class="dribble" title="Dribble">Dribble</a>
                <a href="#" class="flickr" title="Flickr">Flickr</a>
                <a href="#" class="vimeo" title="Vimeo">vimeo</a>
                <a href="#" class="rss" title="Rss">Rss</a>
            </p>
        </div>
    </div>
</div>-->

<!-- Page Header -->
<header id="pageHeader" class="clearfix">
    <div id="logo">
        <a href="index.html">E-Log Latihan</a>
    </div>
    <nav id="mainNav">
    	<ul class="menu">
        	<li class="mainMenu"><a href="index.php">Halaman <br>Utama</a><!--<span class="taline">start here</span>-->
                <!--<ul>
                  	<li class="arrow"></li>
                    <li><a href="index-2.html">Home Page 1</a></li>
                    <li><a href="home-page-2.html">Home Page 2</a></li>
                  	<li class="border"></li>
                </ul>-->
            </li>
            <li class="mainMenu ">
            	<a href="maklumatperibadi.php">Maklumat <br>Peribadi</a><!--<span class="taline">list of all pages</span>-->
            	<!--<ul>
                  <li class="arrow"></li>
                  <li><a href="about.html">About Us</a></li>
                  <li>
                  <a href="services.html">Services</a>
                  </li>
                  <li>
                  	<a href="portfolio-col-3.html">Portfolio  <span class="plus">+</span></a>
                  	<ul>
                    	<li class="arrow"></li>
                    	<li><a href="portfolio-col-2.html">Two Col Portfolio</a></li>
                        <li><a href="portfolio-col-3.html">Three Col Portfolio</a></li>
                        <li><a href="portfolio-col-4.html">Four Col Portfolio</a></li>
                        <li><a href="single-portfolio.html">Single Portfolio</a></li>
                        <li class="border"></li>
                    </ul>
                  </li>
                  <li>
                  	<a href="blog.html">Blog <span class="plus">+</span></a>
                    <ul>
                    	<li class="arrow"></li>
                    	<li><a href="blog.html">Blog</a></li>
                        <li><a href="single-post.html">Single Post</a></li>
                        <li class="border"></li>
                    </ul>
                  </li>
                  <li><a href="columns.html">Columns</a></li>
                  <li><a href="left-navigation.html">Left Navigation</a></li>
                  <li><a href="right-navigation.html">Right Navigation</a></li>
                  <li><a href="shortcodes.html">Shortcodes</a></li>
                  <li><a href="pricing-table.html">Pricing Table</a></li>
                  <li class="border"></li>
                </ul>-->
            </li>
            <li class="mainMenu active">
            	<a href="rekodkehadiran.php">Rekod <br>Kehadiran</a><!--<span class="taline">our featured works</span>-->
            	<!--<ul>
                    <li class="arrow"></li>
                    <li><a href="portfolio-col-2.html">Two Col Portfolio</a></li>
                    <li><a href="portfolio-col-3.html">Three Col Portfolio</a></li>
                    <li><a href="portfolio-col-4.html">Four Col Portfolio</a></li>
                    <li><a href="single-portfolio.html">Single Portfolio</a></li>
                    <li class="border"></li>
                </ul>-->
          </li>
            <li class="mainMenu"><a href="trainingroadmap.php">Training <br>Road Map</a><!--<span class="taline">latest news</span>--></li>
            <li class="mainMenu"><a href="<?php echo $logoutAction ?>">Logout</a><!--<span class="taline">Logout</span></li>--> 
       </ul>
    </nav>
</header>

<!-- Banner -->
<div id="bannerCon" class="sub clear">
	<div id="banner" class="row-fluid">
        <header class="bannerHeader span8">
            <h2>E-log <span class="orange">Latihan</span></h2>
        </header>
        <div class="span4">
        	<ul class="breadcrumb">
              <li><a href="index.php">Halaman Utama</a> <span class="divider"></span></li>
            </ul>
        </div>
     </div>   
</div>

<!-- Page Content -->
<div role="main" id="mainContent" class="center row-fluid servicesPage clearfix">
	
    <!-- Services List 
    <section>
        <p class="emphasis">Completely pursue collaborative methods of empowerment for interoperable outsourcing. Compellingly deploy cross-media results without market-driven methods of empowerment. Efficiently restore backend niche markets rather than e-business communities. Phosfluorescently restore business customer service rather than cross functional e-tailers. Conveniently leverage other's multifunctional vortals without customized systems.</p>
      
    </section>-->
    <section>
        <p class="emphasis">Completely pursue collaborative methods of empowerment for interoperable outsourcing. Compellingly deploy cross-media results without market-driven methods of empowerment. Efficiently restore backend niche markets rather than e-business communities. Phosfluorescently restore business customer service rather than cross functional e-tailers. Conveniently leverage other's multifunctional vortals without customized systems.</p>
      
    </section>
<section class="newSection noMarginBottom clearfix services">
        <h2 class="borderLine uppercase"><span class="bg">Drive’s Mostly Focus on</span></h2> 
        <div class="row-fluid">
            <div class="span3 alignCenter">
                <div class="singleService">
                    <div class="sepCenter">
                        <div class="outerCircle rotate1">
                            <p class="icon190"><span class="icon-edit"></span></p>
                        </div>
                    </div>
                </div>    
            </div>
            
            <div class="span9 animateIconServices">
            	<h3 class="serviceTitle">Rekod Kehadiran</h3>
  <p>.                </p>
			  <p>
                <section class="db_message" id="db_message">
                  <!-- your ajax message will appear here -->
                </section>
                <header>
                  <nav>
                    <!-- #customize# -->
                  </nav>
                </header>
                <section class="form_container"> </section>
			  </p>
			  <form action="" method="POST" id="permohonan_kursus" name="permohonan_kursus" >
			    <fieldset>
			      <legend> Permohonan Kursus </legend>
			      <p>
			        <input type="hidden" value="<?php echo $userid ? $userid : reverb($id); ?>" class="" id="id" name="id" maxlength="11" min="" max="" step="" />
			        <label for="nama">Nama</label>
			        <input type="text" value="<?php echo $nama ? $nama : reverb($nama); ?>" class="" id="id" name="nama" maxlength="255" />
			        <label for="noic">Noic</label>
			        <input type="text" value="<?php echo $noic ? $noic : reverb($noic); ?>" class="" id="id" name="noic" maxlength="255" />
			        <label for="kategori_kursus">Kategori Kursus</label>
			        <input type="text" value="<?php if (isset($kategori_kursus)) echo reverb($kategori_kursus); ?>" class="" id="id" name="kategori_kursus" maxlength="255" />
			        <label for="nama_kursus">Nama Kursus</label>
			        <input type="text" value="<?php if (isset($nama_kursus)) echo reverb($nama_kursus); ?>" class="" id="id" name="nama_kursus" maxlength="255" />
			        <label for="tempat_kursus">Tempat Kursus</label>
			        <input type="text" value="<?php if (isset($tempat_kursus)) echo reverb($tempat_kursus); ?>" class="" id="id" name="tempat_kursus" maxlength="255" />
			        <label for="anjuran">Anjuran</label>
			        <input type="text" value="<?php if (isset($anjuran)) echo reverb($anjuran); ?>" class="" id="id" name="anjuran" maxlength="255" />
			        <label for="tarikh_mula">Tarikh Mula</label>
			        <input type="text" value="<?php if (isset($tarikh_mula)) echo reverb($tarikh_mula); ?>" class="" id="tarikh_mula" name="tarikh_mula" maxlength="" />
			        <label for="tarikh_tamat">Tarikh Tamat</label>
			        <input type="text" value="<?php if (isset($tarikh_tamat)) echo reverb($tarikh_tamat); ?>" class="" id="tarikh_tamat" name="tarikh_tamat" maxlength="" />
			        <label for="bil_hari">Bil Hari</label>
			        <input type="text" value="<?php if (isset($bil_hari)) echo reverb($bil_hari); ?>" class="" id="bil_hari" name="bil_hari" maxlength="11" min="" max="" step="" />
			        <label for="tarikh_key_in">Tarikh Key In</label>
			        <input type="text" value="<?php if (isset($tarikh_key_in)) echo reverb($tarikh_key_in); ?>" class="" id="id" name="tarikh_key_in" maxlength="" />
			        <label for="disahkan">Disahkan</label>
			        <textarea class="" id="id" name="disahkan" rows="" cols="" ><?php if (isset($disahkan)) echo reverb($disahkan); ?>
                  </textarea>
			        <label for="kumpulan_perkhidmatan">Kumpulan Perkhidmatan</label>
			      </p>
			      <p>
			        <label>
			          <select name="kumpulan_perkhidmatan" id="kumpulan_perkhidmatan">
                                      <option value="Jusa" selected="<?php $kumpulan_perkhidmatan = 'Jusa' ? 'selected' : ''; ?>">Jusa</option>
                                      <option value="Kumpulan Pengurusan & Profesional" selected="<?php $kumpulan_perkhidmatan = 'Kumpulan Pengurusan & Profesional' ? 'selected' : ''; ?>">Kumpulan Pengurusan &amp; Profesional</option>
                                      <option value="Kumpulan Sokongan I" selected="<?php $kumpulan_perkhidmatan = 'Kumpulan Sokongan I' ? 'selected' : ''; ?>">Kumpulan Sokongan I</option>
                                      <option value="Kumpulan Sokongan II" selected="<?php $kumpulan_perkhidmatan = 'Kumpulan Sokongan II' ? 'selected' : ''; ?>">Kumpulan Sokongan II</option>
		              </select>
		            </label>
			        <input type="submit" value="Submit" />
		          </p>
                </fieldset>
		      </form>
          </div>
            <footer class="container"> &copy;
              <?php date_default_timezone_set('America/Chicago'); echo date("Y"); ?>
              Permohonan Kursus Form
  <!-- #customize# -->
            </footer>
            <div class="span9 animateIconServices">
  <p>&nbsp;</p>
</p>
            </div>
        </div>     
      	<!-- Seperate -->
     	<div class="sep double">&nbsp;</div>
        
    </section>
    <!--<section class="newSection noMarginBottom clearfix services">
        <h2 class="borderLine uppercase"><span class="bg">Drive’s Mostly Focus on</span></h2> 
        <div class="row-fluid">
            <div class="span3 alignCenter">
                <div class="singleService">
                    <div class="sepCenter">
                        <div class="outerCircle rotate1">
                            <p class="icon190"><span class="icon-beaker"></span></p>
                        </div>
                    </div>
                </div>    
            </div>
            
            <div class="span9 animateIconServices">
            	<h3 class="serviceTitle">Web Design</h3>
                <p>Globally initiate extensive "outside the box" thinking rather than cross-media solutions. Quickly supply low-risk high-yield innovation through user friendly best practices. Interactively repurpose team building initiatives and viral.
</p>
				<p>Uniquely envisioneer an expanded array of users rather than customized niche markets. Globally enable team building information rather than enterprise-wide strategic theme areas. Dynamically synthesize just in time intellectual capital via end-to-end process improvements. Synergistically target interdependent collaboration and idea-sharing before dynamic.</p>
            </div>
        </div>   
      	<!-- Seperate --
     	<div class="sep double">&nbsp;</div>
        <div class="row-fluid">
            <div class="span9 animateIconServices">
            	<h3 class="serviceTitle">Wordpress</h3>
                <p>Globally initiate extensive "outside the box" thinking rather than cross-media solutions. Quickly supply low-risk high-yield innovation through user friendly best practices. Interactively repurpose team building initiatives and viral.
</p>
				<p>Uniquely envisioneer an expanded array of users rather than customized niche markets. Globally enable team building information rather than enterprise-wide strategic theme areas. Dynamically synthesize just in time intellectual capital via end-to-end process improvements. Synergistically target interdependent collaboration and idea-sharing before dynamic.</p>
            </div>
            
            <div class="span3 alignCenter">
                <div class="singleService">
                    <div class="sepCenter">
                        <div class="outerCircle rotate3">
                            <p class="icon190"><span class="icon-sitemap"></span></p>
                        </div>
                    </div>
                </div>    
            </div>
        </div>   
      	<!-- Seperate --
     	<div class="sep double">&nbsp;</div>
        <div class="row-fluid">
            <div class="span3 alignCenter">
                <div class="singleService">
                    <div class="sepCenter">
                        <div class="outerCircle rotate1">
                            <p class="icon190"><span class="icon-map-marker"></span></p>
                        </div>
                    </div>
                </div>    
            </div>
            
            <div class="span9 animateIconServices">
            	<h3 class="serviceTitle">Mobile Apps</h3>
                <p>Globally initiate extensive "outside the box" thinking rather than cross-media solutions. Quickly supply low-risk high-yield innovation through user friendly best practices. Interactively repurpose team building initiatives and viral.
</p>
				<p>Uniquely envisioneer an expanded array of users rather than customized niche markets. Globally enable team building information rather than enterprise-wide strategic theme areas. Dynamically synthesize just in time intellectual capital via end-to-end process improvements. Synergistically target interdependent collaboration and idea-sharing before dynamic.</p>
            </div>
        </div>   
      	<!-- Seperate --
     	<div class="sep double">&nbsp;</div>
        <div class="row-fluid">            
            <div class="span9 animateIconServices">
            	<h3 class="serviceTitle">Graphics Design</h3>
                <p>Globally initiate extensive "outside the box" thinking rather than cross-media solutions. Quickly supply low-risk high-yield innovation through user friendly best practices. Interactively repurpose team building initiatives and viral.
</p>
				<p>Uniquely envisioneer an expanded array of users rather than customized niche markets. Globally enable team building information rather than enterprise-wide strategic theme areas. Dynamically synthesize just in time intellectual capital via end-to-end process improvements. Synergistically target interdependent collaboration and idea-sharing before dynamic.</p>
            </div>
            
            <div class="span3 alignCenter">
                <div class="singleService">
                    <div class="sepCenter">
                        <div class="outerCircle rotate3">
                            <p class="icon190"><span class="icon-print"></span></p>
                        </div>
                    </div>
                </div>    
            </div>
        </div>   
      	<!-- Seperate -
     	<div class="sep double">&nbsp;</div>
        
    </section>-->   
    
    <!-- Clients / Partners -->
</div><!-- End of mainContent -->

<!-- Footer -->
<footer id="pageFooterCon">  
    <!-- Copyright -->
   <div class="copyright center row-fluid"> 
        <div class="span6">&copy; 2012 <a href="http://www.eloglatihan/">E-Log Latihan Bahagian Sumber Manusia</a>, All Rights Reservered.</div>
<!--        <div class="span6"><p class="pull-right"><a href="#"> Terms Of Services</a>  /  <a href="documentation.html">Documentation</a></p></div>
-->   </div>
</footer>
<script src="../../../ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.8.2.min.js"><\/script>')</script>
<script src="js/bootstrap.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/script.js"></script>
<script type="text/javascript" src="../../../twitter.com/javascripts/blogger.js">  
</script>
<script type="text/javascript" src="https://api.twitter.com/1/statuses/user_timeline.json?screen_name=falcon_studio&amp;callback=twitterCallback2&amp;count=2">  </script>
<!-- end scripts-->

<script>
	var _gaq=[['_setAccount','UA-24743401-1'],['_trackPageview']];
	(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
	g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
	s.parentNode.insertBefore(g,s)}(document,'script'));
	
	
</script>

</body>
</html><?php
mysql_free_result($rekodkahadiran);

mysql_free_result($maklumatstaf);

mysql_free_result($rekodkehadiran);

mysql_free_result($maklumatperibadi);
?>
